<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>index</title>

    <!-- Bootstrap -->
    <link href="/plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/font/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/plugins/bootstrap-addTabs/theme/css/bootstrap.addtabs.css" rel="stylesheet"/>
    
    <link href="/css/style.css" rel="stylesheet"/>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="/plugins/html5shiv/html5shiv.min.js"></script>
      <script src="/plugins/respond/respond.min.js"></script>
    <![endif]-->
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
    <div id="wrapper">
      <!-- 左侧导航菜单 Start -->
      <nav class="navbar navbar-default navbar-static-side" style="overflow:auto;">
        
        <div class="sidebar-collapse">
          <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                用户菜单
                            </a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                        <ul class="list-group">
                        	<li class="list-group-item">
                            	<a href="javascript:void(0);" data-addtab="userMenu1" data-url="/admin/message">用户菜单 1</a>
                        	</li>
                        	<li class="list-group-item">
                            	<a href="javascript:void(0);" data-addtab="userMenu2" data-url="/admin/message" >用户菜单 2</a>
                        	</li>
                        	<li class="list-group-item">
                            	<a href="javascript:void(0);" data-addtab="userMenu3" data-url="/admin/message">用户菜单 3</a>
                        	</li>
                        	<li class="list-group-item">
                            	<a href="javascript:void(0);" data-addtab="userMenu4" data-url="/admin/message">用户菜单 4</a>
                        	</li>
                        	<li class="list-group-item">
                            	<a href="javascript:void(0);" data-addtab="userMenu5" data-url="http://sina.com.cn">新浪</a>
                        	</li>
                        	<li class="list-group-item">
                            	<a href="javascript:void(0);" data-addtab="userMenu6" data-url="http://baidu.com">百度</a>
                        	</li>
                        	<li class="list-group-item">
                        		<div>
                        		</div>
                        	</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
      </nav>
      <!-- 左侧导航菜单 End -->

      <!-- 右侧 -->
      <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
          <nav class="navbar navbar-static-top" style="margin-bottom: 0">
            <div class="container-fluid">
              <div>
                <a href="#" class="btn" id="addTab">add</a>

              </div>
            </div>
          </nav>
        </div>
		<div class="main">
          <div id="tabs">
              <!-- Nav tabs -->
              <ul class="nav nav-pills" role="tablist">
                  <li role="presentation" class="active">
                      <a href="#home" aria-controls="tab_home" aria-url="/admin/save" role="tab" data-toggle="tab">Home</a></li>
              </ul>
              <!-- Tab panes -->
              <div class="tab-content">
                  <div role="tabpanel" class="tab-pane active" id="tab_home">
                      <button type="button" class="btn btn-default" addtabs="save" id="save" url="/admin/save">
                          <i class="glyphicon glyphicon-floppy-disk"></i>
                          SAVE
                      </button>
                  </div>
              </div>
          </div>
      </div>

        
        <div class="footer">
          <div class="pull-right">&copy; 2016-2017 <a href="#" target="_blank">coderH's blog</a></div>
        </div>
      </div>
    </div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/plugins/jquery-1.12.4.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/plugins/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="/plugins/bootstrap-addTabs/theme/js/bootstrap.addtabs.js"></script>
<script type="text/javascript">
	$(function(){
		$('#tabs').addtabs({contextmenu:true});
	});
</script>
</body>
</html>